<html lang="en">
<head>
    <style type="text/css">
      body {
        margin: 0;
        padding: 0;
        overflow: hidden;
        color: black;
        font-family: Roboto, sans-serif;
        background: linear-gradient(-45deg, #acb4ff, #f5d4e2);
        display: flex;
        justify-content: center;
        align-items: center;
        align-content: center;
        font-size: 42pt;
      }

      main {
        text-align: center;
        border-radius: 25px;
        background: linear-gradient(-45deg, #e5eaf9, #f9eaf6);
        box-shadow: 0 7px 18px -6px #8f8ae1;
        max-width: 80vw;
      }

      h1 {
        display: inline-block;
        padding: 0;
        margin: .5rem;
        font-size: 1.2em;
      }

      p {
        display: inline-block;
        background: white;
        padding: .4em;
        margin: 10px;
        border-radius: 25px;
      }
    </style>
    <title>UltralightSharp Demo</title>
</head>
<body>
<main>
    <h1>UltralightSharp Demo</h1>
    <p>
        Multiplatform<br>
        <b>C&sharp;</b> Bindings!
    </p>
</main>
</body>
</html>